.page-login{

    .yd-scrollview{
        position: relative;
        height: 100%;
        padding-top: rem(460);
        background: url("./assets/images/bg.png") no-repeat top center;
        background-size: 100% auto;
        background-color: #fff;
    }
    .login__form{
        width: rem(640);
        position: absolute;
        left: rem(55);
        top: rem(280);
        background:rgba(255,255,255,1);
        box-shadow:0px 2px 4px 0px rgba(0,36,81,0.23);
        border-radius:4px;
        &_selectLang{
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }
        &_header{
          text-align: center;
        }
        &-logo{
            display: inline-block;
            width: 63px;
            height: auto;
        }
        &-platformName{
            margin-top: rem(10);
            font-size:13px;
            font-family:PingFangSC-Medium;
            font-weight:500;
            color:rgba(50,54,66,1);
            line-height:18px;
        }
        &_body{
            padding: rem(72) rem(56);
        }
        &_item{
            display: flex;
            margin-top: rem(32);
            padding: rem(16) rem(20);
            border-radius: 2px;
            border:1px solid #d4dfe8;
        }
        &-label{
            font-size:13px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(105,118,128,1);
            line-height:18px;
            padding-right: rem(26);
            border-right: 1px solid rgba(232,236,240,1);
            white-space: nowrap;
            margin-right: rem(28);
        }
        &-input{
            flex: 1;
            border: none;
            &::-webkit-input-placeholder{
                color: #ccd6de;
                font-size:13px;;
            }
        }
        &_getCode{
            margin-top: rem(32);
            display: flex;
            justify-content: flex-start;
            align-items: center;
            &Ct{
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin-top: 0;
                border:1px solid #d4dfe8;
                padding: rem(16) rem(20);
                flex: 1;
                margin-right: rem(18);
            }
            .login__form-input{
                width: 90px;
            }
        }
        &-getCodeImg{
            display: block;
            height: rem(72);
        }
        &-btn{
            margin-top: rem(32);
            display: block;
            width: 100%;
            font-size:13px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color: #fff;
            line-height: rem(68);
            background:linear-gradient(180deg,rgba(75,158,255,1) 0%,rgba(54,142,255,1) 100%);
            border-radius:2px;
            border: none;
            &.f-ing{
                background: linear-gradient(180deg, rgba(75, 158, 255, 0.5) 0%, rgba(54, 142, 255, 0.5) 100%);
            }
        }
        &_footer{
            text-align: center;
            padding: rem(40) rem(56);
            .quick-login{
                font-weight: 400;
                position: relative;
               span{
                   display: inline-block;
                   font-size:12px;
                   font-family:PingFangSC-Regular;
                   color: #CCD6DE;
                   line-height:17px;
                   background-color: #fff;
                   padding: 0 rem(16);
                   position: relative;
                   z-index: 2;
               }
                &:after{
                    content: "";
                    display: block;
                    width: 100%;
                    height: 1px;
                    background-color: #ccd6de;
                    opacity: 0.26;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    z-index: 1;
                }
            }
            .wx-login{
                display: inline-block;
                width: rem(80);
                margin: rem(26) auto 0;
            }
        }
    }
}
